<template>
	<view>
		<view class="c-box">
			<u-form-item label="姓名" :border-bottom="false">
				<u-input v-model="value" />
			</u-form-item>
		</view>
		<view class="c-box">
			<u-form-item label="姓名" label-position="top" :border-bottom="false">
				<u-input v-model="value" maxlength="1000" type="textarea" height="600" />
			</u-form-item>
		</view>

		<view class="btn">
			删除
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			};
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.btn {
		position: fixed;
		bottom: 46rpx;
		left: 37rpx;
		width: 678rpx;
		height: 88rpx;
		border-radius: 44.5rpx;
		background: linear-gradient(147.27deg, #F1714E 0%, #E93E30 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		font-weight: 32rpx;
		color: #FFF;
	}

	.c-box {
		margin-top: 22rpx;
		border-radius: 10rpx;
		background-color: #FFF;
		padding: 19rpx 31rpx;
		box-sizing: border-box;

		::v-deep .u-form-item {
			padding: 0;
		}
	}
</style>
<style>
	page {
		background-color: #F4F5F7;
	}
</style>